﻿<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">
<!--
* {
    margin:0;
    padding:0;
 }
body {
    margin:10px;
 }
fieldset {
    width:330px;  
    padding:10px;  
    border: 1px solid #000;
    margin: auto;
 }
label {
    width:195px;
    line-height:23px;
    padding-left:5px;
    margin:5px;
    border: 1px solid #000;
    float:left;
    background-color:#eef;
    color:#003;
}
input {
    width:100px;
    height:23px;
    margin:5px;
    border: 1px solid #000;
    font-size:16px;
    text-align:center;
    float:right;
}
#clear {
    clear:both;
 }
-->
</style>

</head>
<body>

<form action="#">
<fieldset>
<legend>a form</legend>
<label>surname:-</label><input type="text" value="head"/>
<label>first name:-</label><input type="text" value="coot"/>
<div id="clear"></div>
</fieldset>
</form>

</body>
</html>